<template>
	<div>
		<!-- 修改报价的时候显示 -->
		<div class="p-4 bg-white mb-[20px]">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				修改订单描述
			</div>
			<el-row class="mt-[30px]">
				<el-col :span="10" class="v-flex v-col-top main-color">
					<span class="w-[120px] inline-block text-right mr-[10px]">描述：</span>
					<span class="v-wordBreak">这里为客户修改订单时的描述内容，这里为客户修改订单时的描述内容，这里为客户修改订单时的描述内容</span>
				</el-col>
			</el-row>
		</div>
		<div class="p-4 bg-white">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				报价信息
			</div>
			<div class="main-color">
				<el-row class="mt-[30px]">
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">报价编码：</span>
						<el-input class="flex-1" placeholder="请输入"></el-input>
					</el-col>
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">询价日期：</span>
						<el-input class="flex-1 " placeholder="请输入"></el-input>
					</el-col>
				</el-row>
				<!-- 产品询价单类型时显示 -->
				<!-- <el-row class="mt-[30px]">
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">机器品牌：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">机器型号：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
				</el-row>
				<el-row class="mt-[30px]">
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">公司是否做过：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">产品类型：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
				</el-row> -->
				<!-- end -->
				<!-- 筛选询价时类型、托辊询价单类型显示 -->
				<el-row class="mt-[30px]">
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">筛网工况：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">若其他工况：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
				</el-row>
				<el-row class="mt-[30px]">
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">折钩默认角度：</span>
						<el-select placeholder="请选择" class="flex-1">
							<el-option v-for="item in options" :key="item.value" :label="item.label"
								:value="item.value">
							</el-option>
						</el-select>
					</el-col>
					<el-col :span="6" class="v-flex">
						<span class="w-[120px] inline-block text-right mr-[10px]">其他角度说明：</span>
						<el-input class="flex-1 " placeholder="请输入"></el-input>
					</el-col>
				</el-row>
				<!-- end -->
			</div>
		</div>
		<div class="p-4 bg-white mt-[20px]">
			<div class="topTitle font-bold main-color text-2xl mb-5">
				产品信息
			</div>
			<div class="main-color">
				<el-row class="mt-[30px]">
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">产品名称：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<!-- 产品询价单类型时显示 -->
					<!-- <el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">图号：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">材质：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">件数(pcs)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">预计单重(kg/件)</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">单价(USD/pc)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">交期(天)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col> -->
					<!-- end -->
					<!--  筛选询价时类型显示 -->
					<!-- <el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">长(mm):</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">宽(mm):</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">丝径(mm)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">孔径(mm)：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col> -->
					<!-- 托辊询价单类型显示 -->
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">A:</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">B:</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">C:</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<!--  筛选询价时类型、托辊询价单类型显示-->
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">数量(Pcs)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">材质(Material)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">折钩包边：</span>
							<el-input class="flex-1" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px] ">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">编制类型：</span>
							<el-input  class="flex-1" placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">预计单重(kg/件)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">预计总重(kg):</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">单价(USD/pc)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6" class="mt-[20px]">
						<div class="v-flex-col mr-[30px]">
							<span class="mb-[10px]">总金额(USD)：</span>
							<el-input placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="v-flex-col mr-[30px] mt-[20px]">
							<span class=" mb-[10px]">备注：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<!-- end -->
				</el-row>
				<el-row class="mt-[20px]">
					<!-- 产品询价单类型时显示 -->
					<!-- <el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">总重量：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">总金额：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<div class=" mb-[10px]">
								<span style="color: #FC3A3A;"> *</span>
								<span>总托数：</span>
							</div>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col> -->
					<!-- /end -->
					<!-- 筛选询价时类型、托辊询价单类型显示 -->
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">预计总重量：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">总金额：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<span class=" mb-[10px]">核算海运费用：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<!-- end -->
					<el-col :span="6">
						<div class="v-flex-col mr-[30px]">
							<div class=" mb-[10px]">
								<span style="color: #FC3A3A;"> *</span>
								<span>预估总体积(方)：</span>
							</div>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mt-[20px] mr-[30px]">
							<span class=" mb-[10px]">总交期(天)：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
					<el-col :span="6">
						<div class="v-flex-col mr-[30px] mt-[20px]">
							<span class=" mb-[10px]">报价有效期：</span>
							<el-select placeholder="请选择" class="flex-1">
								<el-option v-for="item in options" :key="item.value" :label="item.label"
									:value="item.value">
								</el-option>
							</el-select>
						</div>
					</el-col>
					<el-col :span="12">
						<div class="v-flex-col mr-[30px] mt-[20px]">
							<span class=" mb-[10px]">模具情况说明：</span>
							<el-input  placeholder="请输入"></el-input>
						</div>
					</el-col>
				</el-row>
			</div>
		</div>
		<el-row class="mt-[30px]">
			<el-button class="main-color1 w-[100px] h-[36px]">
				<span>取消</span>
			</el-button>
			<el-button class="w-[100px]  h-[36px]" color="#0054A6" type="primary">
				<span>提交</span>
			</el-button>
		</el-row>
	</div>
</template>

<script lang="ts" setup>
	const options = ref<Array<any>>([
		{
			value: '1',
			label: 'Metos/Sandvik/Extec/Symons'
		}, 
	])
</script>

<style>
</style>